<template>
	<div class="newbar">
		<div class="title"><h4>最新发表</h4></div>
		<ul>
			<li v-for="vo in list">
        <router-link :to="'/articleDetail/'+vo.id">{{vo.title}}</router-link>
      </li>
		</ul>
	</div>
</template>
<script>
export default {
  name: 'newbar',
  data () {
    return {
    	list:[],
    }
  },
  created: function(){
    this.$http({
      method: 'GET',
      url: '/api/article/recommendArticle',
    }).then(function(result){
    	var data = result.body.data;
    	this.list = data['list'];
    	// console.log(data);
    })
  },
  methods: {


  },
}

</script>

<style type="text/css">
	.newbar{background: #fff;margin-bottom: 9px;padding:15px;padding-bottom: 5px;}
	.newbar a{width: 100%;}
	.newbar .date{}
	.newbar .title{padding-bottom: 6px;}
	.newbar .title h4{font-size: 18px;color: #333333;font-weight: 100;}
	.newbar ul{padding: 0px;list-style: none;}
	.newbar li{width: 100%;}
	.newbar li a{color: #337ab7;text-decoration: none;padding: 3px 0px;display: inline-block;}
</style>